import { defineComponent } from 'vue'
import CustomRouterView from './components/custom-router-view.vue'
import NavLeft from '@/components/nav-left.vue'
import MainTop from '@/components/main-top.vue'
import './App.scss'

export const App = defineComponent({
  name: 'App',
  setup () {
    return () => (
      <div class={'base-app-view'}>
        <div class={'top-view'}></div>
        <div class={'content-view'}>
          <div class={'left'}><NavLeft></NavLeft></div>
          <div class={'center'}>
            <div class={'cnenter-top'}><MainTop></MainTop></div>
            <div class={'cneter-main'}>
              <CustomRouterView/>
            </div>
          </div>
          <div class={'right'}></div>
        </div>
        <div class={'bottom-view'}></div>
        <div class={'seat-view'}></div>
      </div>
    )
  }
})

export default App
